﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<!-- source http://www.scnoob.com More templates http://www.scnoob.com/moban -->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>商家收款账户</title>

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/bootstrap.min.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/fonts/line-icons.css}">

    <link th:href="@{/assets/plugins/datatables/dataTables.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/assets/plugins/datatables/buttons.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>

    <link th:href="@{/assets/plugins/datatables/responsive.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/main.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/responsive.css}">
</head>
<body>
<div class="app header-default side-nav-dark">
    <div class="layout">

        <div class="page-container pl-0">
            <div class="main-content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header border-bottom">
                                    <h4 class="card-title">商家收款账户</h4>
                                    <div style="color: red" id="tips"></div>
                                </div>
                                <div type="text" style="display: none" id="userId"
                                     th:text="${session.userEntity.id}"></div>
                                <div class="card-body">
                                    <div class="table-responsive">

                                        <div class="footer navbar" style="border-top: 1px solid #f6f6f6;">
                                            <div class="footer-container">
                                                <ul class="nav-left">
                                                    <li class="user-profile dropdown dropdown-animated scale-left">
                                                        <p class="bar-vertical-center">
                                                            <span>共计：</span>
                                                            <span id="payMoney" class="t-color-danger"
                                                                  style="font-size: 1.5rem"
                                                                  th:text="${orderEntity.referPayMoney}"></span>
                                                            <span class="pl-2 t-color-danger">RMB</span>
                                                        </p>
                                                    </li>
                                                </ul>
                                                <ul class="nav-right" style="margin-right: 20px;">
                                                    <li class="user-profile dropdown dropdown-animated scale-left">
                                                        <a th:href="@{referAfterPay(orderId=${orderEntity.id})}">
                                                            <button type="button" class="btn btn-danger btn-rounded"
                                                                    style="padding: 10px 15px;">
                                                                <span>完成支付</span>
                                                            </button>
                                                        </a>
                                                        <div id="commitNum" style="display: none" text="0"></div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>


                                        <!--                                支付账号-->
                                        <div id="orderId" style="display: none;" th:text="${orderEntity.id}"></div>
                                        <div class="card" style="width: 100%;border-radius: 10px;margin: 0 10px 0 10px">
                                            <table id="datatable" class="table table-bordered">
                                                <thead>
                                                <tr>
                                                    <th>收款方式</th>
                                                    <th>账户名称</th>
                                                    <th>收款账号</th>
                                                </tr>
                                                </thead>
<!--                                                <tr th:if="${merchantEntity.wechatNum!=null}||${merchantEntity.wechatNum!=''}||${merchantEntity.wechatName!=null}||${merchantEntity.wechatName!=''}">-->
                                                <tr th:if="${merchantEntity.wechatNum!=null and merchantEntity.wechatNum!=''}">
                                                    <td>微信</td>
                                                    <td th:text="${merchantEntity.wechatName}"></td>
                                                    <td th:text="${merchantEntity.wechatNum }" colspan="2"></td>
                                                </tr>
<!--                                                <tr th:if="${merchantEntity.alipayNum}!=null||${merchantEntity.alipayNum}!=''||${merchantEntity.alipayName}!=null||${merchantEntity.alipayName}!=''">-->
                                                <tr th:if="${merchantEntity.alipayNum!=null and merchantEntity.alipayNum!=''}">
                                                    <td>支付宝</td>
                                                    <td th:text="${merchantEntity.alipayName}"></td>
                                                    <td th:text="${merchantEntity.alipayNum}" colspan="2"></td>
                                                </tr>
<!--                                                <tr th:if="${merchantEntity.bankCardNum}!=null||${merchantEntity.bankCardNum}!=''||${merchantEntity.bankCardName}!=null||${merchantEntity.bankCardName}!=''||${merchantEntity.bankCardType}!=null||${merchantEntity.bankCardType}!=''">-->
                                                <tr th:if="${merchantEntity.bankCardNum!=null and merchantEntity.bankCardNum!=''}">
                                                    <td>银行卡</td>
                                                    <td th:text="${merchantEntity.bankCardName}"></td>
                                                    <td th:text="${merchantEntity.bankCardNum}"></td>
                                                    <td th:text="${merchantEntity.bankCardType}"></td>
                                                </tr>
                                            </table>


                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>


            </div>

        </div>
    </div>
</div>

<div id="preloader">
    <div class="loader" id="loader-1"></div>
</div>


<script th:src="@{/assets/js/jquery-min.js}"></script>
<script th:src="@{/assets/js/popper.min.js}"></script>
<script th:src="@{/assets/js/bootstrap.min.js}"></script>
<script th:src="@{/assets/js/jquery.app.js}"></script>
<script th:src="@{/assets/js/main.js}"></script>

<script th:src="@{/assets/plugins/datatables/jquery.dataTables.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/dataTables.bootstrap4.min.js}"></script>

<script th:src="@{/assets/plugins/datatables/dataTables.buttons.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.bootstrap4.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/jszip.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/pdfmake.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/vfs_fonts.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.html5.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.print.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.colVis.min.js}"></script>

<script th:src="@{/assets/plugins/datatables/dataTables.responsive.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/responsive.bootstrap4.min.js}"></script>

<script th:src="@{/assets/js/datatables.init.js}"></script>
</body>
<script type="text/javascript">
    $("#datatable").DataTable({
        "oLanguage": {
            "sUrl": "/assets/page_zh_CN.json"
        }
    });
</script>


<script type="text/javascript">
    $(function () {
        $("#tips").hide();
    });

</script>


<!-- source http://www.scnoob.com More templates http://www.scnoob.com/moban -->
</html>


